const http = require('http')
const server = http.createServer()
const fs = require('fs')
const path = require('path')

server.on('request' , (req,res) => {
    // 1.先把素材里的html，css，hs文件准备进来
    // 2.检测到浏览器（前端）发来的请求url路径（不包含http://主机名：端口号）
    let url = req.url
    // 3. 做判断
    // 前端访问服务器根路径也直接返回主页代码

  
    if(url === '/' || url === '/index.html'){
        // 用fs读取clock/index.htmlli标签字符串返回给前端
        fs.readFile(__dirname + '/clock/index.html',(err, data) => {
            if(err){
                return console.dir(err)
            }
            res.setHeader('Content-Type','text/html; charset=utf-8')
            res.end(data)
        })
    }else if(url === '/index.css'){
        // 问题：返回index.htnl内标签，浏览器link的href诱发请求
        // 所以要处理
        fs.readFile(__dirname + '/clock/index.css',(err, data) => {
            if(err){
                return console.dir(err)
            }
            res.setHeader('Content-Type','text/css; charset=utf-8')
            res.end(data)
        })
    } else if (req.url === '/index.js') {
        // 3.1 从本地读取index.css文件的内容
        fs.readFile(__dirname + '/clock/index.js', (err, data) => {
          if (err) {
            return console.dir(err)
          }
          // 3.2 响应给浏览器端
          res.setHeader('Content-Type', 'appliction/javascript; charset=utf-8')
          res.end(data)
        })
      }
    

})
server.listen(3500,() => {
    console.log('服务器启动成功,正在运行,请访问http://127.0.0.1:3500')
})